@import './../../lib/reset.scss';


   .top {
    width: 100%;
    height: 0.44rem;
    // background-color: gold;
    padding: 0 0.2rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
     
    ul {
        margin-left: 0.5rem;
        width: 2rem;
        // background-color: pink;
        display: flex;
        justify-content: space-between;
        li {
            float: left;
            display: flex;
            align-items: center;
            font-size: 0.2rem;
        }
        .you {
            color: #3CD578;
            border-bottom: 1px solid #3CD578;
        }
    }
   }
   .search {
       width: 100%;
       height: 0.4rem;
       background-color: #fff;
       display: flex;
       justify-content: center;
        align-items: center;
        border: 1px solid #EDEDED;
       .serch {
           
        width: 3rem;
        height: 0.24rem;
        box-sizing: border-box;
        border-radius: 0.12rem;
        outline: none;
        border: none;
        padding-left: 35px;
        background: url("/images/sousuo.png") no-repeat 15px center;
        background-size: 0.15rem;
        background-color: #EBEBEB;
      }
   }
   .ding {
       width: 100%;
    //    background-color: pink;
       display: flex;


       .dinglie {
           width: 90%;
           height: 1.5rem;
        //    background-color: purple;
           padding-top: 0.1rem;
           box-sizing: border-box;
           padding-left: 0.2rem;

           .now {
               .now1 {
                   width: 100%;
                   height: 0.1rem;

                   span {
                       width: 0.04rem;
                       height: 0.12rem;
                       background-color: #3CD578;
                   }
                   b {
                       margin-left: 0.05rem;
                       color: #6E6E6E;
                   }
               }
               .now2 {
                   width: 0.9rem;
                   height: 0.9rem;
                   margin-top: 0.2rem;
                   img {
                       width: 0.9rem;
                       height: 0.61rem;
                   }
                   span {
                       width: 0.9rem;
                       height: 0.29rem;
                       display: block;
                       background-color: #fff;
                       display: flex;
                       justify-content: center;
                       align-items: center;
                   }
               }
           }

           .hotcity {
            .now1 {
                width: 100%;
                height: 0.1rem;

                span {
                    width: 0.04rem;
                    height: 0.12rem;
                    background-color: #3CD578;
                }
                b {
                    margin-left: 0.05rem;
                    color: #6E6E6E;
                }
            }

            .retu {
                width: 100%;
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                .now2 {
                    width: 0.9rem;
                    height: 0.9rem;
                    margin-top: 0.2rem;
                    img {
                        width: 0.9rem;
                        height: 0.61rem;
                    }
                    span {
                        width: 0.9rem;
                        height: 0.29rem;
                        display: block;
                        background-color: #fff;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    }
                }
            }
           }
       }

       .zimu {
           width: 10%;
           height: 1rem;
        //    background-color: red;
           color: #3CD578;

           li {
               display: flex;
               justify-content: center;
               
           }
       }
   }
